<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>article</title>
    <!-- article标签定义外部的内容 -->
    <link rel="stylesheet" href="index.css" />
    <!-- <article>是HTML5的新标签，<p>是以往已经存在的旧标签。两个标签在页面上直观看来没有多少区别，但是对于搜索引擎读取网页信息有重要的作用。引用外部内容的时候就建议嵌套上<article>标签。<article>是有具体意义的，它定义一些来自外部的内容，是页面主要元素的补充。html5中<article>相当于html4中的<div class="article样式">，而<p>只是普通的段落标签，不具备所谓的意义。 -->
</head>
<body>
<header>header</header>
<section class="main">
    <article>
        <h2>兰亭集序</h2>
        永和九年， 岁在癸丑， 暮春之初， 会于会稽山阴之兰亭， 修禊事也。 群贤毕至， 少长咸集。 此地有崇山峻岭， 茂林修竹， 又有清流激湍， 映带左右， 引以为流觞曲水， 列坐其次。 虽无丝竹管弦之盛， 一觞一咏， 亦足以畅叙幽情。
    </article>
</section>
</body>
</html>